$(document).ready(function(){
	$('#titolo').fadeIn(1000)
	$('#tabella_gioco').fadeOut(0);
	$('#titolo').fadeOut(0);
	$('#tut').fadeOut(0);
	$('#tut').fadeIn(2000)
	$('#titolo').html("<center><img src='parkistitle.gif' height='60px'/><br>Giocatore 1:<input type='text' name='giocatore1' id='giocatore1'  />            Giocatore 2:<input type='text' name='giocatore2' id='giocatore2'  /><br><input type='button' id='inserito' value='Gioca'></center>")
	
	$('#titolo').fadeIn(1000)
	$('#casdado').html('<img id=d>');	
	
	$("#lancia").click(function(){
		dad=Math.floor(Math.random()*(1+6-1)+1);
	       	giocatore=giocatore+1;
		if (giocatore%2==1) {posfinrossa=posfinrossa+dad;} 
		else {posfinblu=posfinblu+dad;};
		setTimeout(play,3000);
		document.getElementById('d').src='dado'+dad+'.gif';
		$('#d').css({height:175,width:175,left:0},0);
		$('#d').animate({height:125,width:125,left:25},1000);
	});
	
	$("#inserito").click(function(){
		if($('#giocatore1').val()==''|$('#giocatore2').val()==''){
			alert("devi inserire i nomi dei 2 giocatori")
		}else{
			$('#tut').fadeOut(0);
			$('#tabella_gioco').fadeIn(2000);
			G1=$('#giocatore1').val();
			G2=$('#giocatore2').val();
			$('#titolo').html("<center><img src='parkistitle.gif' height='60px'/></center>")
			Gioc=G1
			visualizza();}
	});
	
	function nuova(){
		posrossa=1
		posblu=22
		casirosso=new Array(14,28)
		casiblu=new Array(7,21)
		posfinrossa=1
		posfinblu=22
		giocatore=1
		rimasterosse=1
		rimasteblu=1
		posturno=0
	};
	function spostab(){
				if(posfinblu<=28){
					posblu=posblu+1;posturno=posblu;visualizza();
					if (posfinblu==casiblu[0]){if(posblu==posrossa){anim2cb()}else{if(posblu==posfinblu){animb()}}};
					if (posfinblu==casiblu[1]){if(posblu==posrossa){anim2cb()}else{if(posblu==posfinblu){animb()}}}
				}else{
					if(posblu==29){
					posblu=1;visualizza();play()
					posfinblu=posfinblu-28;}else{posblu=posblu+1;posturno=posblu;visualizza();}				
				};
				setTimeout(play,200);
			};
	function spostar(){
				if(posfinrossa<=28){
					posrossa=posrossa+1;posturno=posrossa;visualizza();
					if (posfinrossa==casirosso[0]){if(posblu==posrossa){anim2cr()}else{if(posrossa==posfinrossa){animr()}}};
					if (posfinrossa==casirosso[1]){if(posblu==posrossa){anim2cr()}else{if(posrossa==posfinrossa){animr()}}}
				}else{
					if(posrossa==29){
					posrossa=1;visualizza();
					posfinrossa=posfinrossa-28;}else{posrossa=posrossa+1;posturno=posrossa;visualizza();}
					
				};
				setTimeout(play,200);
			};
	function play(){
		if(giocatore%2==1){
			Gioc=G1
			if(posfinrossa>posrossa){	
				spostar();	
			};

        }else{
			Gioc=G2
			if(posfinblu>posblu){
				spostab();
			};
		};
	};
	
	function Finita(){
		setTimeout($('#inter_gioco').html('<center><img src=WIN'+Vincitore+'.png id=wintext></center>'),3000);
		$('#wintext').fadeOut(0);
		$('#lancia').fadeOut(1000);
		$('#wintext').fadeIn(2000);
		
		};
		
	function lanciaattivo(){
		$("input[name='lancia']").attr("disabled",false)
		};
	function controllofinita(){
		if (rimasteblu==0){Vincitore="blu";Finita();}
		if (rimasterosse==0){Vincitore="rosso";Finita();}
		};
	
	function anim2cr(){
		$("input[name='lancia']").attr("disabled",true);
		if(rimasterosse!==0){
		setTimeout(lanciaattivo,4500)}
		if (posrossa==14)
		{t=75;$('#rsu').html("<img src=pedr.png id='pedrossa' style='top:-30px'>");}
		else{t=-75;$('#rgiu').html("<img src=pedr.png id='pedrossa' style='top:30px'>");};
		$('#pos'+posblu).html("<img src=ped.png id='pedblu'>");
		$("#pedrossa").animate({top: t}, 2000);
		setTimeout($("#pedrossa").animate({opacity: 0}, 2000),2000);
		posrossa=1;
		posfinrossa=1;
		rimasterosse=rimasterosse-1;
		setTimeout(controllofinita,4000);
		if(posrossa!==0){setTimeout(visualizza,4000)}
		
		
		};
		
	function anim2cb(){
		$("input[name='lancia']").attr("disabled",true);
		if(rimasterosse!==0){
		setTimeout(lanciaattivo,4500)}
		if (posblu==21)
		{l=105;$('#bsx').html("<img src=ped.png id='pedblu'>");}
		else{l=-45;$('#bdex').html("<img src=ped.png id='pedblu' style='left:70px'>");};
		$('#pos'+posrossa).html("<img src=pedr.png id='pedrossa'>");
		$("#pedblu").animate({left: l, top:-2}, 2000);
		setTimeout($("#pedblu").animate({opacity: 0}, 2000),2000);
		posblu=22;
		posfinblu=22;
		rimasteblu=rimasteblu-1;
		setTimeout(controllofinita,4000)
		if(rimasteblu!==0){setTimeout(visualizza,4000)}
		
		};
	function animr(){
		$("input[name='lancia']").attr("disabled",true);
		if(rimasterosse!==0){
		setTimeout(lanciaattivo,4500)}
		if (posrossa==14){t=165}
		else{t=-165};
		$("#pedrossa").animate({top: t}, 2000);
		setTimeout($("#pedrossa").animate({opacity: 0}, 2000),2000);
		posrossa=1;
		posfinrossa=1;
		rimasterosse=rimasterosse-1;
		setTimeout(controllofinita,4000);
		if(posrossa!==0){setTimeout(visualizza,4000)}
		};
		
	function animb(){
		$("input[name='lancia']").attr("disabled",true);
		if(rimasteblu!==0){
		setTimeout(lanciaattivo,4500)}
		if (posblu==21){l=165}
		else{l=-165};
		$("#pedblu").animate({left: l, top:-2}, 2000);
		setTimeout($("#pedblu").animate({opacity: 0}, 2000),2000);
		posblu=22;
		posfinblu=22;
		rimasteblu=rimasteblu-1;
		setTimeout(controllofinita,4000)
		if(rimasteblu!==0){setTimeout(visualizza,4000)}
		};
		
	function pulizia(){
		i=0
		while(i<28){i=i+1;$('#pos'+i).html("");};
		$('#cen').html('');
	};
	
	function visualizza(){
		pulizia();
		$('#turno').html("Tocca a:<br>"+Gioc)
		sb='';
		i=1;
		while (i<rimasteblu){
			sb=sb+'<img src=ped.png>';
			if (i%3==0){sb=sb+'<br>'};
			i=i+1
			};
		sr='';
		i=1;
		while (i<rimasterosse){
			sr=sr+'<img src=pedr.png>';
			if (i%3==0){sr=sr+'<br>'};
			i=i+1
			};
		$('#rimaste_blu').html(sb);
		$('#rimaste_rosse').html(sr);
		if(posrossa==posblu){
			$('#pos'+posturno).html("<img src=ped2.png>");
			if (posrossa==29){$('#pos'+posturno).html("<img src=ped2.png>");}
		}else{
			$('#pos'+posblu).html("<img src=ped.png id='pedblu'>");
			$('#pos'+posrossa).html("<img src=pedr.png id='pedrossa'>");
			if (posblu==29){
				$('#pos1').html("<img src=ped.png id='pedblu'>");}
			if (posrossa==29){
				$('#pos1').html("<img src=pedr.png id='pedrossa'>");}
		}
	};
	nuova();
	$("input[name='lancia']").attr("disabled",false);
	$("#tut").html("<img src=posin.jpg height=550px><img src=percorso.jpg height=550px><img src=vincita.jpg height=550px>");
	

	$('#istruzioni').html("1-ogni giocatore ha all'inizio tre pedine <br><br><br> 2-lo scopo del gioco è di portare tre pedine di colore o rosso o blu al centro del tavolo da gioco <br><br><br> 3-la pedina affinchè ci sia una vincita deve arrivare sulla casella del colore corrispondente <br><br><br>")
});

